@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%; 
	background: #FFFFCC;
	/*box-shadow: inset -1px -1px 50px #fefcea,
	            inset 1px 1px 50px #fefcea;*/
}
.n {
	list-style: none;
}
.main {
	min-height: 100%;
}
.hFooter {
	height: 40px;
}
.footer {
	height: 40px;
	margin-top: -40px;
}
.rbut {
	margin: 0;
	padding: 0;
	position: fixed;
	right: 0px;
	bottom: 40px;
	width: 40px;
}
.lbut {
	margin: 0;
	padding: 0;
	position: fixed;
	bottom: 45px;
	left: 4px;
	right: 45px;
	top: 4px;
}
.n {
	list-style: none;
}
.lfbut {
	position: fixed;
	left: 0px;
}
.rfbut {
	position: fixed;
	right: 6px;
}
.mfbut {
	position: fixed;
	right: 45px;
}
.butlang {
	position: fixed;
	left: 150px;
	width: 32px;
	height: 32px;
	border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #ccc;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 2px #fff, 
			          1px 1px 0px #bbb;
	outline: 1;
	opacity: 1;
	background: url(../img/lngy.png);
	
	font-size: 18px;
	color: #FFF;
	text-shadow: -1px -1px 2px #666;
	
}
.butlang:active {
	background: url(../img/lngn.png);
	text-shadow: -1px -1px 1px #666;
}
#lang {
	position: relative;
	width: 32px;
	height: 32px;
	opacity: 0;
}
.punbtn {
	width: 32px;
	height: 32px;
	border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ccc;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 2px #fff, 
			          1px 1px 0px #bbb;
	outline: 0;
	opacity: 1;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ccffcc), color-stop(100%, #66cc00));
	font-size: 30px;
	color: #FFF;
	text-shadow: -1px -1px 2px #666;
}

.punbtn:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ccffcc), color-stop(100%, #66cc00));
}
.punbtn:active {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #ccffcc), color-stop(100%, #66cc00));
	text-shadow: -1px -1px 1px #666;
}
.checbtn {
	width: 34px;
	height: 34px;
	border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 2px #fff, 
			          1px 1px 0px #bbb;
	
}
#chkpunct {
	-webkit-appearance: none;
	background: url(../img/chkpunctg.png);
}
#chkpunct:checked:after {
	content: url(../img/chkpuncty.png);
}
#chkcap {
	-webkit-appearance: none;
	background: url(../img/chkcapg.png);
}
#chkcap:checked:after {
	content: url(../img/chkcapy.png);
}
#chkcur {
	-webkit-appearance: none;
	background: url(../img/chkcurg.png);
}
#chkcur:checked:after {
	content: url(../img/chkcury.png);
}
#speechel {
	width: 23px;
	height: 23px;
	padding: 5px 5px;
	font-size: 400%;
	border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #ccc;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 2px #fff, 1px 1px 0px #bbb;
	outline: 0;
	opacity: 1;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fefcea), color-stop(100%, #f1da36));
	color: #FFDFAA;
}
#docel {
	resize:none;
	border-radius: 5px;
	border-radius: 5px;
	border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	
	box-shadow: inset 1px 1px 0px #bbb, 
			          1px 1px 2px #fff;
	outline: 0;
	opacity: 1;
	font-family: "Segoe Print", Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #333;
	width: 100%;
	height: 100%;
}
#copy_button {
	width: 32px;
	height: 32px;
	border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #ccc;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 2px #fff, 
			          1px 1px 0px #bbb;
	outline: 0;
	opacity: 1;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fefcea), color-stop(100%, #f1da36));
	color: #FFCC66;
}
#copy_button.hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fefcea), color-stop(100%, #f1da36));
}
#copy_button.active {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #ccffcc), color-stop(100%, #66cc00));
}
